<template>
  <h2>这是一个app组件</h2>
  <hr>
  <HelloWorld_h >
    <template>
    <p>这是一个插槽传递过来的结构样式</p>
    </template>
  </HelloWorld_h>
  <p >{{a}}</p>
  <p >{{b}}</p>
  <p >{{c}}</p>
  <button @click="cha">aaa</button>
</template>

<script>
import { watchEffect ,ref} from 'vue'
import HelloWorld_h from '@/components/HelloWorld_h.vue'

export default {
  components: {
    HelloWorld_h,
   
   
  },
   setup() {
        let aaa=ref(1)
        let bbb=ref(1)
        let ccc = ref(1)

     function cha() {
        this.bbb+=bbb
      }
        
      watchEffect(()=>{
        aaa.value
        bbb.value
         ccc.value
        console.log('监听多个，谁用了就监听谁');
      })
      
      return {
        aaa, bbb, ccc, cha,
     
      }
    }
}
</script>

<style>

</style>